<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    function Fn(x,y){
        // {}
        // {}[[Prototype]] = Fn.prototype;
        // this -> {}

        // 实例化对象上的属性和方法
        this.x = x;
        this.y = y;

        // 实例化对象自己的方法  => 自己调用
        this.toString = function(){
            console.log(1111);
            return `(${this.x},${this.y})`;
        }
        
        // return this;
        
    }

    // 原型对象 => 存储实例化对象公有属性和方法
    Fn.prototype.toString = function(){
        // this -> 调用此方法的实例化对象
        console.log(2222);
        return `(${this.x},${this.y})`;
    }

    var p = new Fn(10,20);
    console.log(p);
    console.log(p.toString);

    p.toString();


    // this
    // 




</script>
</html>